<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue学习element1UI</title>
    <!--  导入vue  -->
    <script type="application/javascript" src="../js/vue.js"></script>
    <!--    -->
    <script type="application/javascript" src="../js/index.js"></script>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div id="app">
    <div style="width: 500px;margin: 100px auto">
        <el-form :inline="true" :model="formData" class="demo-form-inline" label-width="80px">

            <el-form-item label="账号">
                <el-input v-model="formData.name" placeholder="请输入账号"></el-input>
            </el-form-item>

            <el-form-item label="密码">
                <el-input v-model="formData.password" placeholder="请输入密码"></el-input>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="onSubmit">查询</el-button>
            </el-form-item>

        </el-form>
    </div>
</div>
<script>
    //创建vue实例
    let app = new Vue({
        //挂载点
       el:"#app",
        //
       data(){
           return{
               formData: {

               }
           }
       } ,
       methods:{
           fun01(){

           },
           onSubmit(){
               console.log('submit')
           }
       }
    })
</script>




</body>
</html>